<template>
    <Modal v-model="modal" title="本户其他未处置预警信息" width="800" :mask-closable="false" style="position:relative;">
        <div class="table_div">
            <vxe-table border
                       auto-resize
                       row-id="id"
                       :row-key="true"
                       show-overflow="tooltip"
                       highlight-hover-row
                       align="center"
                       header-align="center"
                       ref="xTree"
                       :loading="Loading"
                       :data="tableData">
                <vxe-table-column field="yjab0001" title="预警姓名" align="center"  />
                <vxe-table-column field="yjab0002" title="预警证件号码" align="center" />
                <vxe-table-column field="yjab0004_name" title="预警类别" align="center" />
                <vxe-table-column field="yjab0005" title="预警时间" align="center" :formatter="renderTime"/>
            </vxe-table>
            <Page :total="dataCount" :page-size="pageSize" show-total class="paging"
                  @on-change="handleTableChange" :current="pageNo"></Page>
        </div>
    </Modal>
</template>

<script>
  import { CommonMixin } from '@/views/common/js/CommonMixin'


    export default {
        name: 'otherWarnInfoList',
        mixins: [CommonMixin],
        data () {
            return {
              url: {
                list: '/api/ac/subsistence/ss02017Service/othersWarnPage',
              },
              Loading: true,
              queryParam: {

              },
              modal:false
            }
        },
        methods: {
            edit(id,yjab0015) {
                this.modal=true
                this.queryParam.id=id;
                this.queryParam.yjab0015=yjab0015;
                this.loadData(1);
            },
        },

    }
</script>

<style scoped>

</style>
